Skip to content

Conversation

@kylemclaren
Copy link
Collaborator

@kylemclaren kylemclaren commented Jan 5, 2026

Summary

  • Convert Pagination component to React, using shadcn Button with asChild for proper focus states and touch targets
  • Add comprehensive accessibility attributes to CopyPageButton (aria-labels, aria-live, aria-hidden)
  • Add screen reader announcements for external links opening in new tabs

Test plan

  • Verify pagination buttons have visible focus rings when tabbing
  • Test with screen reader: copy button announces "Copied to clipboard" on success
  • Test with screen reader: dropdown trigger announces "More options"
  • Verify external link menu items announce "(opens in new tab)"

🤖 Generated with Claude Code

- Convert Pagination to React component using shadcn Button with asChild
- Add focus-visible states via Button component
- Add aria-labels to icon-only buttons (copy, more options)
- Add aria-live region for copy success announcement
- Add aria-hidden to decorative icons (SVGs, ArrowUpRight)
- Add visually hidden "(opens in new tab)" text for external links

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>
@github-actions
Copy link

github-actions bot commented Jan 5, 2026

Preview Deployment

Name URL
Preview https://pr-36-superfly-sprites-docs.fly.dev

Commit: bd2e3bd

@github-actions
Copy link

github-actions bot commented Jan 5, 2026

E2E Test Results

✅ Tests success

Ran against: https://pr-36-superfly-sprites-docs.fly.dev

@kylemclaren kylemclaren merged commit 53c18ab into main Jan 5, 2026
4 checks passed
@kylemclaren kylemclaren deleted the accessibility-updates branch January 5, 2026 10:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants